.DiyForm {
	width: 100%;
	height: calc(100% - 16px);

	& > .ant-segmented {
		background: #ccc;

		& > .ant-segmented-group {
			background: #ccc;

			& > .ant-segmented-item-selected {
				background: rgba(247, 247, 247, 0.5);
				backdrop-filter: blur(10px);

				& > .ant-segmented-item-label {
					font-size: 16px;
					font-family: Microsoft YaHei;
					font-weight: bold;
				}
			}
		}
	}

	& > .Box,
	& > .All {
		width: 100%;
		height: calc(100% - 16px);
		padding: 16px 0;
	}

	& > .All {
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;
			padding: 16px;

			&:first-child {
				flex: 95;
				margin-right: 16px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > div {
					width: 100%;
					height: 134px;
					margin-bottom: 48px;
					display: flex;
					align-items: center;
					justify-content: center;

					& > div {
						flex: 1;
						height: 100%;
						margin: 0 2px;
						background-color: white;
						display: flex;
						align-items: center;
						justify-content: center;
						flex-direction: column;

						& > span {
							font-size: 48px;
							color: rgba(51, 51, 51, 1);
						}

						& > div:nth-child(2) {
							font-size: 16px;
							font-family: ShuHeiTi;
							font-weight: bold;
							color: #333333;
						}

						& > div:nth-child(3) {
							font-size: 40px;
							height: 40px;
							line-height: 40px;
							font-family: ShuHeiTi;
							font-weight: bold;
							color: #3583eb;
						}
					}
				}

				& > img {
					flex: 1;
					aspect-ratio: 600 / 546;
				}
			}

			&:last-child {
				flex: 71;
				background: white;
				overflow-y: scroll;

				p {
					font-size: 16px;
					font-family: ShuHeiTi;
					color: #333333;
				}
			}
		}
	}
}
